草庐IT

python - 绘制鼠标移动 Python

全部标签

javascript - 如何使用鼠标进入和鼠标退出或悬停

我想在鼠标悬停时显示和隐藏一个弹出窗口/工具提示。弹窗有多个,如下所示{{towerPoint.tower.name}}TowerName悬停在“.tower-details”我想显示“.popover”并在鼠标退出时隐藏“.popover” 最佳答案 要监听单个标签,您可以使用:@Component({selector:'my-component',directives:[PopUp],template:`xxxsomecontent`})classMyComponent{mouseover:boolean;}另见Whatisth

javascript - 在三个 js 中使用鼠标悬停更改网格的颜色

我已经使用jsonloader和three.js编写了一个显示多个网格的WebGL脚本,现在我想添加MouseOver和onClick事件。第一个是在鼠标悬停在网格上时简单地更改网格的颜色:functionrender(){requestAnimationFrame(render);mesh.rotation.z+=0.090;raycaster.setFromCamera(mouse,camera);varintersects=raycaster.intersectObjects(scene.children);for(vari=0;i上面的渲染函数允许我通过将鼠标悬停在任何网格上来

javascript - 鼠标悬停事件上的鼠标位置

是否可以在图像的mouseouver事件中获取准确的鼠标位置?如果我使用在文档鼠标移动事件上更新鼠标位置的函数,我可能会遇到延迟和此类事情的问题,并且无法获得准确的位置。 最佳答案 如果您正在寻找一个简单的JS来获取MouseOver事件的光标位置,这里是示例代码: functiongetPos(e){ x=e.clientX; y=e.clientY; cursor="YourMousePositionIs:"+x+"and"+y; document.getElementById("displayArea").inne

javascript - 使用 Google 方向 API 问题绘制具有 8 个以上航路点的路线图

我正在尝试绘制具有多个航点的路线图。根据谷歌API,您只能使用8个航点,而对于业务开发,您只能使用23个航点,但这不足以绘制准确的旅行map。我得到了一个值得注意的解决方案linkhere但没有正常工作。此解决方案存在一个问题,即无法绘制路线图。如果你打开我的JSFiddle您可以看到有许多路径点:喜欢:-varpoints=[[28.595161666666666,77.31429666666666],[28.602561666666663,77.31256166666667],[28.594639999999995,77.30559166666667],[28.585825,77.

javascript - 使用d3获取鼠标点击svg的坐标

我想获取鼠标点击矩形svg时的坐标。我正在尝试将鼠标点击坐标打印到控制台。我可以使用pageX和pageY来获取坐标,但那是整个页面的坐标。我只需要svg中的坐标。我正在使用d3.v3.min.js所以我尝试了:$(document).mousedown(function(){console.log(d3.mouse(this));});我得到错误:UncaughtTypeError:Cannotreadproperty'sourceEvent'ofnull我也试过:$(document).mousedown(function(){console.log(d3.mouse(docume

javascript - 使用 onmousedown 获取您刚刚按下鼠标的元素的 ID?

这可能吗?我正在尝试为onmousedown编写一个函数,它将返回您刚刚单击的元素的ID,以便稍后在不同的div中重新创建该元素时使用。 最佳答案 您可以使用eventdelegation,基本上只将一个事件处理程序连接到整个文档,并使用event.target获取最初调度事件的元素。:document.body.onmousedown=function(e){e=e||window.event;varelementId=(e.target||e.srcElement).id;//callyourre-createfunctionr

javascript - 鼠标相对于 div 的位置

我正在使用jqueryui进行拖放。我正在尝试获取鼠标相对于div的位置,这是我的代码:$("#db_tables").droppable({activeClass:"ui-state-default",hoverClass:"ui-state-hover",drop:function(event,ui){varx=ui.position.left-ui.offset.left;//tiredevent.pageX-this.offsetLeft;vary=ui.position.top-ui.offset.top;//tiredevent.pageY-this.offsetTop;$

javascript - 使用鼠标滚轮向下事件在网站上滚动了多少像素?

我正在编写自定义滚动条并捕捉mousewheel事件。我正在使用它来调整我想要滚动的元素的scrollTop。向下滚动的像素数量是否有标准,还是因系统而异?我在最新版本的Firefox中显示114px: 最佳答案 许多鼠标驱动程序允许您设置鼠标滚轮滚动的距离,因此没有标准距离。我会尝试你的代码一段时间,然后选择一个距离,让你不会整天滚动,但不会在每次滚动时跳一英里。你需要“感觉”出来。找friend反馈一下,这种东西多点手还是有帮助的。 关于javascript-使用鼠标滚轮向下事件在网

javascript - 导致移动设备水平滚动的 Facebook Like 按钮

我有一个FacebookLike按钮实现,它在所有桌面和移动浏览器中都呈现良好。但问题出在分辨率为240x320的低分辨率设备上。Like按钮导致设备放大页面,从而呈现水平滚动。按钮在宽度>=320px的设备(如iPhone等)上呈现良好,但宽度小于该宽度的旧android设备则面临问题。我的看法。该页面加载正常,然后向Facebook发出服务器调用,然后返回一些参数将其全部分解。它正在生成.我想把width和overflowCSS参数但似乎都不起作用。我正在像这样初始化“赞”按钮:"data-send="false"data-layout="button_count"width="8

javascript - 传单不连贯地绘制瓷砖

我正在实例化一张传单map,但图block基本上散布在整个页面上-虽然map在一个div中,但大多数图block都没有遵守该边界:JavaScript归结为:mapOptions={attributionControl:true,center:{lat:38.573955lng:-121.442478},centerpoint:"38.573955,-121.442478",layers:{},maptype:"Terrain",scrollWheelZoom:false,zoom:8}varmap=L.map("Map_5333811_16",mapOptions);什么会导致图bl